<template name="recommend-view">
	<view class="low-price uni-flex uni-column">
		<view class="low-price-title">- {{title}} -</view>
		<view class="uni-flex uni-row recommend-row">
			<view class="recommend-item uni-flex uni-column" v-for="(item,index) in listData"  v-bind:key="index">
				<image class="recommend-item-img" src='../../static/image/weinituijian_zhanweitu.png'></image>
				<view class="recommend-item-info uni-flex uni-column">
					<text class="recommend-item-title">{{item.title}}</text>
					<text class="recommend-item-price">{{item.price}}</text>
				</view>
			</view>
		</view> 
	</view>
</template>

<script>
	export default {
		name:'recommend-view',
		data(){
			return {
				title:'为你推荐',
				listData:[{
					title:'A-268 傲视软件沙发真皮层牛皮客厅整组装...',
					price:'¥ 998.00'
				},{
					title:'A-255 傲视软件沙发真皮层牛皮客厅整组装...',
					price:'¥ 668.00'
				}]
			}
		},
	}
</script>

<style>
@import "../common/uni.css";
.recommend{
		padding: 0 20px;
	}
	.recommend-row{
		box-sizing: border-box;
		justify-content: space-between;
		padding: 0 20px;
	}
	.recommend-item{
		width: 345px;
	}
	.recommend-item-img{
		width: 345px;
		height: 345px;
	}
	.recommend-item-info{
		background: #fff;
		box-sizing: border-box;
		padding: 20px 10px;
		font-size: 30px;
	}
	.recommend-item-title{
		color: #333;
	}
	.recommend-item-price{
		color: #ff4343;
	}
</style>
